<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>抄表记录</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/balance/meterRecord.js"></script>
  <script type='text/javascript' src='../static/table/meterRecordTable.js'></script>
</head>
<body>
  	<div class="top">
		<h4 class="partTitle">当前位置: 费用结算<span class="comSpanTitle">></span>抄表记录</h4>
 	</div>
 	<div class="blue"></div>
 	<div class="scrollBody">
 		<div class="partWhite paddingBottomTen" id="scrollHeight">
		 	<form class="form-horizontal" id="checkMeterSearch">
		 		<input id="addMeterRecordDate" name="addMeterRecordDate" hidden="hidden">
					<div class="partTable marginBottom2Ten">
						<div class="col-sm-1 control-label partConditionTitle partTurnPage">
							<span id="showYear" style="font-size:25px;"></span>
						</div>
						<div class="col-sm-11" id="monthList">
						</div>
					</div>
				<div class="partTable" style="overflow:hidden;">
					<div class="form-group">
						<label for="chargingStationID" class="col-sm-1 control-label partConditionTitle">充电站名称</label>
						<div class="col-sm-2 partCondition">
							<select name="ChargingStationID" id="chargingStationID" class="form-control" onchange="search()">
								<option value='' selected="selected">请选择</option>
							</select>
						</div>
		                <button class="btn btnDefault marginLeft2ten" type="button" style="float: right;margin-right: 20px;" onclick="window.parent.skipSecondMenu('costManage/meterRecordSave', 'meterRecord')">添加抄表记录</button>
					</div>
				</div>
			</form>
		</div>
		<div class="partWhite">
			<div class="form-group">
				<h4 class="partTitle"><strong>抄表记录——列表</strong></h4>
                <p id="errorMessage" style="color:red;font-size: 30pt;font-weight: bold;" hidden='hidden'></p>
				<!-- <button type="button" class="btn btnDefault marginLeft2ten" onclick="exportFile(1)" style="float:right;margin-top: -48px;">
					<img src="../static/images/daochu.png" height="16" width="16"/> 导出
				</button> -->
			</div>
			<div class="partTable">
				<table class="table table-hover" id="meterRecordTable">
					<thead id="meterRecordThead">
					</thead>
					<tbody id="meterRecordTbody">
					</tbody>
				</table>
				<table class="table scrollTable" id="meterRecordTable1" hidden="hidden">
		   		</table>
			</div>
		</div>
	
  <!--隐藏框-->
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="showImg" tabindex="-1" class="modal fade popup">
	<div class = "popupTable" style="width:50%">
		<div class="modal-header titleAll">
		  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		    <span aria-hidden="true" class="close">&times;</span>
		  </button>
		</div>
        <div id="meterImg" class="modal-body">
        </div>
	    <div class="modal-footer">
			<button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
	    </div>
    </div>
  </div>
  </div>
</body>
</html>